﻿.fl { float: left }
.fr { float: right }
.hide { display: none }

a:link, a:visited { text-decoration: none; color: #333 }
a:active, a:hover { text-decoration: none; color: #4caf50 }
a.link { color: #4caf50; font-size: 14px }
a.link:hover { text-decoration: underline; cursor: pointer }

.tool-header { background-color: #0be881; position:fixed; top:0; width:100%; z-index:999; }
.tool-header-content { width:80%; height:50px; margin:0 auto; line-height:50px; }
.tool-header-content > a { color: #fff; }
.content-body-minwidth { min-width:1186px; }
.content-body { width: 80%; margin: 60px auto 0; }
.tool-content { margin-bottom: 20px; }
.tool-box { padding: 10px 0 0; }
.tool-box:after { clear: both; content: ""; display: table }

.tool-box li { display: block; float: left; width: 25%; }
.tool-box li :hover { cursor: pointer; border-color: #4caf50; /*box-shadow: 0 1px 2px rgba(0,0,0,.17);*/ -moz-transform: translate3d(0,-2px,0); -ms-transform: translate3d(0,-2px,0); transform: translate3d(0,-2px,0); -webkit-transition: ease-in-out .3s; transition: ease-in-out .2s; -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; }
.tool-box li > a { display: block; height: 38px; padding: 5px; margin: 0 15px 15px 0; background: #fff; border: 1px solid #ebeef5; border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.07); }
.tool-box li > a > img { height: 36px; width: 36px; float: left; display: block; }
    .tool-box li > a > strong { color: #4caf50; font-weight: 700; font-size: 16px; line-height: 38px; display: inline-block; float: left; padding-left: 5px; }
.tool-box li :not(nth-child):hover { }
    .tool-box li > a > span.version { font-size: 10px; color: #FF99CC; }

.layui-tab { margin:0; }
.layui-tab-content { padding: 0; }

ul li:nth-of-type(6n) { margin-right: 0; }

.tool-weChat { padding: 10px 0 }
.tool-weChat li { display: block; float: left; width: 15%; padding: 0 5px 40px 5px; text-align: center; font-size: 18px; }
.tool-weChat li img { width: 120px; height: 120px; }
.tool-weChat li strong { display: block; margin-bottom: 10px; color: #4caf50; }
.weChat-img-max { text-align:center; }
.weChat-img-max img { width:400px; height:400px; }

.tool-foot { position: fixed; bottom: 0px; width: 100%; background-color: #fff; color: #bbb; z-index:999; }
.tool-foot-content { width:80%; height:30px; margin:0 auto; line-height:30px; text-align:center; }

.tool-box li > a.shen { background:url(/manage/assets/img/hot.svg) no-repeat; background-position:right 25px; background-size:20px 20px; }

.chickensoup { color: #fff; font-size: 14px; cursor: pointer; }
.btn_filter { width: 350px; margin: 6px 10px; border-radius: 10px; }
.tool-mr20 { margin-right:20px; }